<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=1400, user-scalable=no, target-densitydpi=device-dpi, initial-scale=0" />
	<meta name="viewport"
		content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=1,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="/static/zhaoping2/css/index.css" />
	<title>广州冰鸟文化简介</title>
	<script type="text/javascript" src="/static/zhaoping2/js/jquery-1.7.js"></script>
	<script type="text/javascript" src="/static/zhaoping2/js/jquery.bpopup.js">
	</script>

</head>

<body>
	<div class="bg">
		<div class="line"></div>
		<div class="circle01" id="circle01"></div>
		<div class="circle02" id="circle02"></div>
		<div class="circle03" id="circle03"></div>
		<div class="circle04" id="circle04"></div>
		<div class="circle05" id="circle05"></div>
		<div class="circle06" id="circle06"></div>
		<div class="circle07" id="circle07"></div>

	</div>
	<div class="content">
		<div class="warp">

			<ul class="nav">

				<li>
					<a class="logo"></a>
				</li>
				<li>
					<a class="nav01 active" href="index.html">首页</a>
				</li>

				<li>
					<a class="nav02" href="recruitment_detail.html">岗位详情</a>
				</li>

				<li>
					<a class="nav03 " href="about.html">了解公司</a>
				</li>
			</ul>
			<div class="info01 info curr">

				<div class="ball">
					<a class="map map01 "></a>
					<a class="map map02"></a>
					<a class="map map03"></a>
					<a class="map map04"></a>
					<a class="map map05"></a>
					<a class="dian dian01"></a>
					<a class="dian dian02"></a>
					<a class="dian dian03"></a>
					<a class="dian dian04"></a>
					<a class="dian dian05"></a>
					<a class="dian_s dian_s01"></a>
					<a class="dian_s dian_s02"></a>
					<a class="dian_s dian_s03"></a>
					<a class="dian_s dian_s04"></a>
					<a class="dian_s dian_s05"></a>
				</div>

				<div class="words"></div>
				<div class="words_h"></div>
				<a class="tip"></a>

			</div>
			<div class="info02 info">
				<div id="mark">
					<ul>
						<li>
							<div class="part" href="#">
								<div class="mark01_shang mark">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									运营/市场类
								</div>
								<div class="mark01_xia mark_h">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									<a class="link01 link" href="recruitment_detail.html">用户运营</a>
									<a class="link02 link" href="recruitment_detail.html">产品运营</a>
									<a class="link03 link" href="recruitment_detail.html">行业评测</a>
									<a class="link04 link" href="recruitment_detail.html">市场推广</a>
									<a class="link05 link" href="recruitment_detail.html">储备韩语运营</a>
								</div>
							</div>
						</li>
						<li>
							<div class="part" href="#">
								<div class="mark02_shang mark">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									设计类
								</div>
								<div class="mark02_xia mark_h">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									<a class="link01 link" href="recruitment_detail.html ">平面设计师</a>
									<a class="link02 link" href="recruitment_detail.html ">视频设计师</a>

								</div>
							</div>
						</li>
						<li>
							<div class="part" href="#">
								<div class="mark03_shang mark">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									开发/运维类
								</div>
								<div class="mark03_xia mark_h">
									<img class="icon"
										src="/static/zhaoping2/picture/icon.png" alt="">
									<a class="link01 link" href="recruitment_detail.html ">前端开发工程师</a>
									<a class="link02 link" href="recruitment_detail.html ">Java后端开发工程师</a>
									<a class="link03 link" href="recruitment_detail.html ">iOS开发工程师</a>
									<a class="link04 link"
										href="recruitment_detail.html ">Android开发工程师</a>
									<a class="link05 link" href="recruitment_detail.html ">运维工程师</a>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>

		</div>
		<div class="footer">

			
<style>
.footer {
    height: 100px;
    background: #232020;
    text-align: center;
    position: fixed;
    bottom:0;
    width:100%;
}
.footer-copy {
    font-size: 15px;
    color: #B9B9B9;
    padding-top: 8px;
}
.footer p {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}
.footer-copy p {
    height: 25px;
    line-height: 25px;
}
.gov {
    color: #31AAE2;
    text-decoration:none;
}
.whjy {
    position: absolute;
    display: inline;
    width: 50px;
    height: 50px;
    top: 0px;
    padding: 2px;
}
</style>
<div class="footer">
    <div class="footer-copy">
        <p>广州冰鸟网络科技有限公司 版权所有
            <a class="gov" href="https://beian.miit.gov.cn" target="_blan
            k">粤ICP备17138042号</a>&nbsp;

            
        </p>
        <p>地址：广东省广州市天河区天河路490号3803室3804室3805室(仅限办公)</p>
        <p>COPYRIGHT @2022 ALL RIGHTS RESERVED</p>
            </div>
</div>

		</div>

	</div>

	<script src="/static/zhaoping2/js/api.js"></script>
	<script src="/static/zhaoping2/js/index.js" type="text/javascript"
		charset="utf-8"></script>
	<script src="/static/zhaoping2/js/indexbusi.js"></script>
	<script src="/static/zhaoping2/js/jquery.min.js"></script>

	<script src="/static/zhaoping2/js/jquery.mousewheel.min.js"></script>
	<script type="text/javascript">
		$('.tabbar_box div').click(function () {
			$(this).addClass('curr').siblings().removeClass('curr');
			$('.info').eq($(this).index()).addClass('curr').siblings().removeClass('curr');
		})

		$('.btn01').click(function () {
			$('.info02').addClass('curr').siblings().removeClass('curr');
			$('.tabbar_box .tab02').addClass('curr').siblings().removeClass('curr');
		})
		breaks()

		function breaks() {

			var shadows = setTimeout(function () {

				$(".words").css("display", "none")
				$(".words_h").css("display", "block")
			}, 3000);
		}
		$('.info').bind('mousewheel', function (event, delta) {
			var dir = delta > 0 ? 'Up' : 'Down';
			if (dir == 'Up') {

				$(".info01").addClass("curr")
				$(".info02").removeClass("curr")
				$(".tab01").addClass("curr")
				$(".tab02").removeClass("curr")
				$(".words").css("display", "block")
				$(".words_h").css("display", "none")
				breaks()
			} else {

				$(".info01").removeClass("curr")
				$(".info02").addClass("curr")
				$(".tab01").removeClass("curr")
				$(".tab02").addClass("curr")
			}
		});
		let isMove = false,
			addClassOn;
		window.onmousemove = function (e) {



			e = e || window.event;
			var x = 0.1 + e.clientX / document.body.offsetWidth;
			var y = 0.2 - e.clientY / document.body.offsetHeight;
			document.getElementById("circle01").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
			document.getElementById("circle02").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
			document.getElementById("circle03").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
			document.getElementById("circle04").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
			document.getElementById("circle05").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";
			document.getElementById("circle06").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.25 + "rem)";
			document.getElementById("circle07").style.transform = "translate(" + x * 0.2 + "rem," + y * 0.2 + "rem)";

		}
	</script>
</body>

</html>

